<style>
    body,html{
        height: 100%;
        overflow: hidden;
    }
    .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber
    {
        text-overflow: ellipsis;
    }
    .ddv table tr td,th {
        border: solid 1px #ddd;
        padding: 3px;
    }
    .ddv table tr th {
        background-color: #99CCCC;
    }
</style>


<table style="height: 100%;width: 100%" cellpadding="3">
    <tbody>
    <tr>
        <td   class="xh-datagrid" style="width: 250px;height: 100%">{{ typeList }}</td>
        <td  class="xh-datagrid" style="height: 100%;">{{ prodList }} </td>
    </tr>
    </tbody>
</table>